<!DOCTYPE html>
<%include("inc/html.html"){};%>
    <title>${config.webname!'WE823 CMS'} - 案例展示</title>
    <%include("inc/css.html"){};%>
	<link rel="stylesheet" href="${ctx}/static/assets/lightbox/css/lightbox.css">
	</head>
    <body>
    <div class="container-fluid">
    	<header>
    		<%layout("inc/header.html",{isFirstPage:false}){};%>
    	</header>
    	<div class="container-fluid">
    		<div class="container">
    			<div class="col-md-2">
    			<%if("category"==show){%>
    				<#cms_case_categories var="case_categories">
					<dl class="left-content" id="case_categories">
						<dt>案例分类</dt>
						<%for(case_category in case_categories!){%>
						<dd data-index="${case_category.id!0}">
							<a href="javascript:void(0)" data-id="${case_category.id!0}" data-name="${case_category.name!'未知'}" >${case_category.name!'未知'}</a>
						</dd>
						<%}%>
					</dl>
					</#cms_case_categories>
				<%}%>
				<%if(show=="list" && otherCases!=null){%>
					<dl class="left-content" id="case_categories">
						<dt>${caseModel.category.name!'未知类别'}</dt>
						<%for(otherCase in otherCases){%>
						<%if(caseModel.id==otherCase.id){%>
						<dd data-index="${otherCase.id!0}" class="active">
						<%}else{%>
						<dd data-index="${otherCase.id!0}">
						<%}%>
							<a href="case_${otherCase.id!0}.jspx" title="${otherCase.title!''}" >${otherCase.title!'未知'}</a>
						</dd>
						<%}%>
					</dl>
				<%}%>
    			</div>
    			<div class="col-md-10">
	    			<section class="right-section" >
	    				<div class="section-title"><a href="cases.jspx">案例展示</a> >> ${caseModel.category.name!} >> ${caseModel.title!''}</div>
						<div class="section-detail">
							<div style="text-align:right"><b>添加时间：</b>${caseModel.addtime!date(),'yyyy-MM-dd'}</div>
							<div>${caseModel.content!''}</div>
                       </div>
	    			</section>
				</div>
    		</div>
    	</div>
    	<footer>
    		<%include("inc/footer.html"){};%>
    	</footer>
    </div>
	<%include("inc/js.html"){};%>
	<script src="${ctx}/static/assets/lightbox/js/lightbox-2.6.min.js"></script>
	<script src="${ctx}/static/assets/jquery/template.js"></script>
	<script src="${ctx}/static/skins/${theme}/js/main.js"></script>
	<script>
		$(document).ready(function(){
			
			$(".left-content").pin({
				containerSelector:'.container',
				minWidth:940
			});
		});
	</script>
    </body>
 </html>  